<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>

<head>
    <title>我的订单</title>

    <%--<link href="../../../statics/bootstrap/css/bootstrap.min.css" rel="stylesheet" />--%>
    <%--<link href="../../../statics/styles/navbar.css" rel="stylesheet" />--%>
    <link href="${ctx}/statics/bootstrap/plugin/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
    <script type="application/javascript">
        var jspContext = '${ctx}';
    </script>
</head>

<body>


<div class="row">
    <div class="col-sm-11">
        <ul class="breadcrumb">
            <li class="active">我的订单</li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="col-sm-11">
        <button class="btn btn-success pull-right" onclick="javascript:location='${ctx}/workbench/1/waybill/new'"><span class="glyphicon glyphicon-plus"></span>新增订单</button>
        <ul class="nav nav-tabs" role="tablist" id="myTab">
            <li role="presentation" class="active"><a href="#idAllWaybillsTab" role="tab"
                                                      data-toggle="tab">全部</a></li>
            <li role="presentation"><a href="#idPendingWaybillsTab" role="tab" data-toggle="tab">
                &nbsp;待处理&nbsp;<span id="idPendingWaybillCnt" class="badge">0</span></a></li>
            <li role="presentation"><a href="#idRecycleWaybillsTab" role="tab" data-toggle="tab"><span
                    class="glyphicon glyphicon-trash"></span>&nbsp;回收站&nbsp;</a></li>

        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="idAllWaybillsTab">
                <div class="row" style="margin-top:10px">
                    <form class="form-inline" role="form" method="post" action="">
                        <input id="idQueryInput" type="text" class="form-control" name="queryStr"
                               placeholder="手机号码或单号">

                        <button id="idQueryButton" type="button" class="btn btn-warning"><span
                                class="glyphicon glyphicon-search"></span>查询
                        </button>

                        <button id="btnBatchRecycle" type="button" class="btn btn-default">加入回收站</button>
                    </form>
                </div>
                <div class="row" style="margin-top:10px;margin-bottom:10px">
                    <div class="col-sm-5">
                        <i>你的所有订单共<span id="idAllWaybillTotalCnt"></span>个，每页显示20个订单</i>
                    </div>
                </div>
                <div class="row">

                    <table id="table-waybills" class="table table-bordered table-hover" data-toggle="table">
                        <thead>
                        <tr>
                            <th></th>
                            <th>发货日期</th>
                            <th>单号</th>
                            <th>收货人</th>
                            <th>发货地</th>
                            <th>目的地</th>
                            <th>物流状态</th>
                            <th>详情</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                </div>
                <div class="row">
                    <!--                    <span class="pull-right">第1-20条记录，共100条记录</span>-->
                    <ul id="idAllwaybillsPagination" class="pagination pagination-sm pull-left">

                    </ul>

                </div>

            </div>
            <div role="tabpanel" class="tab-pane" id="idPendingWaybillsTab">
                <div class="row" style="margin-top:10px">
                    <form class="form-inline" role="form" method="post" action="">
                        <input id="idPendingWaybillQueryInput" type="text" class="form-control"
                               name="queryStr"
                               placeholder="手机号码或单号">
                        <button id="idPendingWaybillQueryButton" type="button" class="btn btn-warning"><span
                                class="glyphicon glyphicon-search"></span>查询
                        </button>
                        <button id="idBatchProcess" type="button" class="btn btn-default">批量处理</button>
                    </form>
                </div>
                <div class="row" style="margin-top:10px;margin-bottom:10px">
                    <div class="col-sm-5">
                        <i>你的待处理订单共<span id="idPendingWaybillTotalCnt">0</span>个,每页显示20个订单</i></span>

                    </div>

                </div>
                <div class="row">

                    <!--线路列表-->
                    <table id="table-pending-waybills" class="table table-bordered table-hover"
                           data-toggle="table">
                        <thead>
                        <tr>
                            <th></th>
                            <th>发货日期</th>
                            <th>单号</th>
                            <th>收货人</th>
                            <th>发货地</th>
                            <th>目的地</th>
                            <th>物流状态</th>
                            <th>详情</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                </div>
                <div class="row">
                    <!--                    <span class="pull-right">第1-20条记录，共100条记录</span>-->
                    <ul id="idPendingWaybillsPagination" class="pagination pagination-sm pull-left">
                    </ul>
                </div>
            </div>

            <div role="tabpanel" class="tab-pane" id="idRecycleWaybillsTab">

                <div class="row" style="margin-top:10px">

                    <form class="form-inline" role="form" method="post" action="">
                        <input id="idRecycleQueryInput" type="text" class="form-control"
                               name="queryStr" placeholder="手机号码或单号">
                        <button id="idRecycleQueryButton" type="button" class="btn btn-warning">
                            <span class="glyphicon glyphicon-search"></span>查询
                        </button>
                        <button id="btnBatchDelete" type="button" class="btn btn-warning">永久删除</button>
                        <button id="btnBatchRestore" type="button" class="btn btn-warning">还原</button>
                    </form>

                </div>
                <div class="row" style="margin-top:10px;margin-bottom:10px">
                    <div class="col-sm-5">
                       <i>回收站的订单共<span id="idRecycleWaybillTotalCnt"></span>个，每页显示20个订单</i>

                    </div>

                </div>
                <div class="row">

                    <!--线路列表-->
                    <table id="table-recycle-waybills" class="table table-bordered table-hover"
                           data-toggle="table">
                        <thead>
                        <tr>
                            <th></th>
                            <th>发货日期</th>
                            <th>单号</th>
                            <th>收货人</th>
                            <th>发货地</th>
                            <th>目的地</th>
                            <th>物流状态</th>
                            <th>详情</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                </div>
                <div class="row">
                    <!--                    <span class="pull-right">第1-20条记录，共100条记录</span>-->
                    <ul id="idRecycleWaybillsPagination" class="pagination pagination-sm pull-left">

                    </ul>

                </div>

            </div>
        </div>
    </div>
</div>


<!-- Large modal -->

<div id="myRegionSelectorModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
     aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title">地区选择</h4>
            </div>
            <div class="modal-body">
                <div class="container" id="divRegionSelector"></div>
            </div>

        </div>
    </div>
</div>


<%--模态对话框--%>
<div id="myPendingWaybillProcessModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
     aria-labelledby="myLargeModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title">订单处理 <span class="my-modal-title-waybill-no"></span></h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" action="" method="post">
                    <%--<div class="form-group">--%>
                    <%--<label class="control-label col-sm-4">处理:</label>--%>

                    <%--<div class="col-sm-7">--%>

                    <%--<select class="form-control" id="selectProcessType">--%>
                    <%--<option value="1" title="已揽件">已揽件</option>--%>
                    <%--<option value="2" title="已收货">已收货</option>--%>
                    <%--<option value="3" title="待处理">待处理</option>--%>
                    <%--<option value="4" title="已中转">已中转</option>--%>
                    <%--<option value="5" title="已签收">已签收</option>--%>
                    <%--</select>--%>
                    <%--</div>--%>

                    <%--</div>--%>


                    <div class="form-group  modal-transfer-info">
                        <label class="control-label col-sm-4">单号:</label>

                        <div class="col-sm-7">
                            <input name="processId" type="hidden">
                            <input name="waybillId" type="hidden">
                            <input name="waybillNo" type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4">操作日期:</label>

                        <div class="col-sm-7">
                            <input id="processWaybillDatePicker" name="sendDate" type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group  modal-transfer-info">
                        <label class="control-label col-sm-4">公司名称:</label>

                        <div class="col-sm-7">
                            <%--<input name="companyId" type="hidden" value="0">--%>
                            <input name="companyName" type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group  modal-transfer-info">
                        <label class="control-label col-sm-4">联系电话:</label>

                        <div class="col-sm-7">

                            <input name="phoneNo" type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group  modal-transfer-info">
                        <label class="control-label col-sm-4">地址:</label>

                        <div class="col-sm-7">

                            <input name="address" type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group  modal-transfer-info">
                        <label class="control-label col-sm-4">中转费用:</label>

                        <div class="col-sm-7">
                            <input name="fee" type="number" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label  col-sm-4">备注:</label>

                        <div class="col-sm-7">

                            <textarea name="remark" class="form-control"></textarea>
                        </div>
                    </div>
                    <div class="form-group">

                        <div class="col-sm-offset-3 col-sm-3">

                            <button type="submit" class="btn btn-warning">提交</button>
                        </div>
                        <div class="col-sm-3">

                            <button type="button" class="btn btn-default">取消</button>
                        </div>
                    </div>

                </form>
            </div>

        </div>
    </div>
</div>


<%--<script src="../../../statics/js/jquery-3.1.1.min.js"></script>--%>
<%--<script src="../../../statics/bootstrap/js/bootstrap.min.js"></script>--%>
<script src="${ctx}/statics/bootstrap/plugin/datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/statics/bootstrap/plugin/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/statics/echarts/echarts.min.js"></script>
<script src="${ctx}/statics/js/regionselector.js"></script>
<script src="${ctx}/statics/js/waybills.js"></script>

<script>

</script>
</body>

</html>